@charset "utf-8";

*{margin: 0; padding: 0; border: 0;}
li{list-style: none;}
a{text-decoration: none; transition: all .5s;}
a:hover{text-decoration: none; transition: all .5s;}
body{font-size: 14px; height: 100%;}
.w1400{width: 1400px; margin:0 auto;}
.w1200{width: 1200px; margin:0 auto;}
.h100{height: 100px;}
.mt20{margin-top: 20px;}
.padding30{padding-top: 40px; padding-bottom: 40px;}
.padding80{padding-top: 80px; padding-bottom: 80px;}
.text_center{text-align: center;}
.img_100 img{width: 100%;}
.img_max img{max-width: 100%;}





.logo{padding: 20px 0;}
.head_bg{background: #fff; position: fixed; top:0; height: 100px; border-bottom: 1px solid #ccc; width: 100%; z-index: 999; box-shadow: 0 0 10px #ccc;}
.section .img_100{opacity: 0;}
.banner .swiper-slide img{width: 100%; height: 100%;}
.in_tit{text-align: center; font-size: 36px; font-weight: bold; color: #333333; line-height: 2; opacity: 0;}
.in_tit span{color: #00307c; text-transform: uppercase;}
.sub_tit{color: #333; text-align: center; opacity: 0; font-size: 22px;}
.in_pr_con{margin-top: 30px;}
.img_animate{ overflow: hidden;}
.img_animate img{transition: all 0.5s;}
.img_animate img:hover{transition: all 0.5s; transform: scale(1.1)}
.animate{ transition: all 0.5s;}
.animate:hover{ transition: all 0.5s;}
.bg_gary{background: #f1f1f1;}
.con_white{background: #fff;padding:20px;}
/*loading*/
.loading{position:fixed; width: 100%; height: 100%; background: #fff; z-index: 9999;}
.loading_con{width: 300px; height: 300px; position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px;}
.loading_ico{font-size: 48px; line-height: 2;}
.loading_log{margin-top: 30px;}

/*滚动条禁用*/
.scoll_dis
{
    overflow:scroll;
    overflow-y:hidden;
}
/*loading结束*/


.jjfa{ background: #f1f1f1;}
.jjfa_con{margin-top: 30px;}
.jjfa_top{position: relative; height: 430px;}

.jjfa_img{position: absolute; top: 0; left: 0; width: 700px; z-index: 1; opacity: 0;}
.jjfa_txt{position: absolute; top: 30px; right: 0; width: 550px; background: rgba(255,255,255,.8); padding: 50px; z-index: 2; opacity: 0;}
.ppr_tit{font-size: 18px; color: #333; font-weight: bold; line-height: 2;}
.ppr_de{font-size: 14px; color: #666; line-height: 2;}
.about_a a,.ppr_a a{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #FFB800;
        font-size: 12px; margin-top: 15px;}
.about_a a:hover,.ppr_a a:hover{background: #00307c;}
.pj_txt h4{color: #00307c; line-height: 2; font-weight: bold;}
.pj_txt h4 a:hover{color: #FFB800;}
.pj_txt p{color: #666666; line-height: 2; font-size: 12px;}
.pj_txt a{color: #00307c; display: block;}
.pj_txt a:hover i{margin-left: 15px; transition: all 0.5s; color: #FFB800;}
.pj_txt:hover i{margin-left: 15px; transition: all 0.5s; color: #FFB800;}
.pj_txt i{transition: all 0.5s; font-size: 12px;}
.about_con{margin-top: 30px;}
.about_txt{font-size: 16px; color: #666; line-height: 2;}
.about_ico_border{border: 1px solid #ccc; background: #fff; text-align: center;}
.about_ico_border h2{font-size: 16px; color: #333; line-height: 2; position: relative; z-index: 2;}
.about_ico_border i{font-size: 42px; padding-top: 20px; margin:auto 0; display: block; margin-bottom: 5px; color: #00307c; position: relative; z-index: 2;}
.about_ico_border .en{text-transform: uppercase; font-size: 12px; line-height: 2; padding-bottom: 20px; color: #cccccc; position: relative; z-index: 2;}
.about_ico_item{margin-top: 20px;}
.about_ico_item a{display: block; position: relative; height: 100%;}
.about_ico_item a .box{
    width: 0;
    height: 0;
    background: #00307c;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transition: all 0.3s;
}

.about_ico_item li:hover a .box{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s;
}
.about_ico_item li:hover h2,.about_ico_item li:hover i,.about_ico_item li:hover .en{color: #fff;}

.in_news_tit{text-align: left; font-size: 36px; font-weight: bold; color: #333333; line-height: 2}
.in_news_tit span{color: #00307c; text-transform: uppercase;}

.po_re{position: relative;}
.in_news_a a{width: 150px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; border: 1px solid #ccc; display: block; float: right; margin-top: 10px;}
.in_news_a a:hover{background: #00307c; color: #fff; border: 1px solid #00307c;}
.news_tt_bg{background: #f1f1f1; padding: 30px; margin-top: 30px;}
.news_tt_tit{line-height: 2; font-size: 18px; font-weight: bold;}
.news_tt_tit a{color: #00307c;}
.news_tt_tit a:hover{color: #FFB800;}
.news_tt_de{line-height: 2; color: #666;}
.news_tt_img{margin-top: 15px;}
.news_item li{padding-top: 30px; border-top: 1px solid #ccc; margin-top: 30px;}
.news_item_tit{font-size: 16px; font-weight: bold; color: #333; line-height: 3;}
.news_item_tit a{color: #00307c;}
.news_item_tit a:hover{color: #FFB800;}
.news_time{font-size: 12px;}
.news_item_de{font-size: 14px; color: #666666; line-height: 2.5;}
.news_item{}


.page2{background-image:url("../images/bg3.jpg"); background-size: 100% 100%;}
.page3{background: #f1f1f1;}
.page4{background-image:url("../images/bg2.jpg"); background-size: 100% 100%;}
.page5{background-image:url("../images/bg1.jpg"); background-size: 100% 100%;}


.banner .swiper-slide{background-size: 100% 100%; width: 100%; height: 100%;}

.jjfa_bottom{opacity: 0;}
.about_con .layui-col-lg7{opacity: 0;}
.news_tt_bg{opacity: 0;}
.in_news_tit,.in_news_a,.news_item{opacity: 0;}
.section.page5 .img_100{opacity: 1;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #FFB800;}

/*.nav{display: flex}*/
/*.nav li{ flex: 1; text-align: center; cursor: pointer; height: 100px; transition: background-color 0.5s; background: url("../images/nav_line.jpg") no-repeat right 42px;}*/

/*.nav li:hover{background: #00307c; color: #fff; transition: all 0.5s; background-image: none;}*/
/*.nav_a_tit span{display: inline-block;}*/
/*.nav_a_tit{margin-top: 40px; transition: all 0.5s; font-size: 16px;}*/
/*.nav_txt{width: 40%;}*/
/*.nav .hg{transition: all 0.5s; display: none;}*/
/*.nav_a_sub_tit{opacity: 0; margin-top: 10px;}*/
/*.nav li:hover .nav_a_tit{margin-top: 25px; transition: all 0.5s;}*/
/*.nav li:hover .hg{display:inline-block; transition: all 0.5s;}*/
/*.nav li:hover .nav_a_sub_tit{opacity: 1; transition: all 0.5s;}*/

/*.nav li.on .nav_a_sub_tit{opacity: 1; transition: all 0.5s;}*/
/*.nav li.on .hg{display:inline-block; transition: all 0.5s;}*/
/*.nav li.on .nav_a_tit{margin-top: 25px; transition: all 0.5s;}*/
/*.nav li.on{background: #00307c; color: #fff; transition: all 0.5s; background-image: none;}*/

.fl{float: left;}
.fr{float: right;}
.h20{height: 20px;}
.h30{height: 30px;}
.w1200{width: 1400px; margin: 0 auto;}
.top_bg{background: #00307c; color: #fff;}
.hy{width: 70%; line-height: 36px;}
.lx{width: 30%; text-align: right; line-height: 36px;}
.lx a{color: #fff;}
.nav_wrapper{height: 100px;}
.logo{width: 370px;}
.nav{width: 960px;}
.logo_img{padding-right: 20px;}
.logo_wz{width: 215px; padding-left: 20px; font-size: 18px; font-weight: bold; line-height: 1.8; padding-top: 20px;}
.nav_line{width: 10px; height: 2px; margin: 0 auto; background: #666; margin-top: 10px; display: none; transition: all 0.5s;}
.nav a{display: block; width: 100%; box-sizing: border-box; color: #666; height: 100px; padding-top: 40px; transition: all 0.5s;}
.nav ul{}
.nav ul li{width: 16.6%; float: left;}
.nav_border,.nav_de{text-align: center; transition: all 0.5s;}
.nav_border{height: 20px; line-height: 20px; border-right: 1px solid #666; font-size: 16px;}
.nav_de{margin-top: 10px; display: none}
.nav_border .nav_a{width: 50%; text-align: center; display: inline-block; font-size: 15px; color: #333; transition: all 0.5s;}
.nav_border .nav_s{display: none; transition: all 0.5s;}
.nav ul li:last-child .nav_border{border: none; transition: all 0.5s;}
.nav a:hover{background: #00307c; color: #fff; padding-top: 20px; transition: all 0.5s; box-sizing: border-box;}
.nav a:hover .nav_a{color: #fff; transition: all 0.5s;}
.nav a:hover .nav_s{color: #fff; display: inline-block; transition: all 0.5s;}
.nav a:hover .nav_de{display: block; color: #fff; transition: all 0.5s;}
.nav a:hover .nav_line{display: block; background: #fff; transition: all 0.5s;}
.nav a:hover .nav_border{border: none; transition: all 0.5s;}
.first_nav_a{height: 100px; overflow: hidden;}

.nav_active a.first_nav_a{background: #00307c; color: #fff; padding-top: 20px; transition: all 0.5s; box-sizing: border-box;}
.nav_active a.first_nav_a .nav_a{color: #fff; transition: all 0.5s;}
.nav_active a.first_nav_a .nav_s{color: #fff; display: inline-block; transition: all 0.5s;}
.nav_active a.first_nav_a .nav_de{display: block; color: #fff; transition: all 0.5s;}
.nav_active a.first_nav_a .nav_line{display: block; background: #fff; transition: all 0.5s;}
.nav_active a.first_nav_a .nav_border{border: none; transition: all 0.5s;}



.first_nav{position: relative;}
.sub_nav{position: absolute; display: none; top: 100px; left: 0; width: 200px;}
.sub_nav li{height: 40px; line-height: 40px; width: 100% !important;; float: none; }
.sub_nav li a{line-height: 40px; display: block; width: 100%; height: 40px; text-align: center;
            background: #666666; padding: 0 !important; color: #fff;}
.sub_nav li a:hover{padding: 0;}

.ejlm_bg{background: #00307c; height: 100px;}
.ejlm_tit{color: #fff;}
.ejlm_tit h1{font-size: 36px; line-height: 100px;}
.ejlm_tit p{text-transform: uppercase; line-height: 2;}
.ejlm_item li{float: right;}
.ejlm_item li:last-child a{border-left: 1px solid #fff;}
.ejlm_item li a{display: block; padding: 0 40px; line-height: 100px; border-right: 1px solid #fff; font-size: 18px; color: #fff;}
.ejlm_item li.ejlm_on a{background: #fff; color: #00307c; position: relative;}
.ejlm_item li.ejlm_on a:before{
    content: ''; background: #00307c; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%;
}
.ejlm_item li a:hover{background: #FFB800;}
.ejlm_tit_tit{font-size: 36px; color: #00307c; line-height: 1.5; margin-top: 40px; text-align: center;}
.ejlm_tit_line{width: 30px; height: 3px; background: #00307c; margin: 0 auto;}
.contxt img{max-width: 100% !important;}
.contxt{font-size: 14px; color: #666; line-height: 2; background: #fff; padding: 15px;}

.foot_nav_bg{background: url("../images/foot_bg.jpg") center top; border-top: 8px solid #2d3236; padding: 17px 0;}
.foot_bg{background: #2d3236;color: #cccccc; line-height: 45px;}
.foot_nav{margin: 20px 0;}
.foot_nav h3{color: #fff; border-bottom: 1px solid #fff; line-height: 2; font-size: 16px;}
.foot_nav li a{color: #cccccc; line-height: 2; font-size: 14px;}

.foot_lxwm{color: #fff;}
.foot_lxwm h1{ font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 10px;}
.foot_lxwm .icon-phone{color: #fff; font-size: 52px;}
.foot_lxwm_rx{margin-bottom: 10px;}
.foot_lxwm_rx h5{font-size: 14px;}
.foot_lxwm_rx p{font-size: 36px; font-weight: bold;}
.about_bg{background: #f1f1f1;}
.about_item_bg{background: #fff; padding: 30px; border-top: 1px solid #ccc; border-bottom: 3px solid #00307c;}
.about_item_tit{line-height: 2; font-size: 24px; font-weight: bold; color: #00307c;}
.about_item_de h1{font-size: 16px; color: #333; line-height: 2;}
.about_item_de p{line-height: 2; color: #666; font-size: 14px;}
.about_item_line{margin-top: 30px; height: 1px; background: #ccc; width: 100px;}

.about_item_bg:hover{background: #00307c; padding: 30px; border-top: 1px solid #ccc; border-bottom: 3px solid #FFB800; box-shadow: 5px 5px 10px #666666;}
.about_item_bg a:hover .about_item_tit{ color: #FFB800;}
.about_item_bg a:hover .about_item_de h1{font-size: 16px; color: #fff; line-height: 2;}
.about_item_bg a:hover .about_item_de p{line-height: 2; color: #fff; font-size: 14px;}
.about_item_bg a:hover .about_item_line{margin-top: 30px; height: 1px; background: #FFB800; width: 100px;}

.n_news_tit a{font-size: 18px; color: #00307c; line-height: 3; font-weight: bold;}
.n_news_tit a:hover{color: #FFB800;}
.n_news_time{color: #888;}
.n_news_de{line-height: 2; color: #666; font-size: 14px; margin-top: 15px;}
.n_news_item{padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-top: 20px; position: relative; transition: all 1s;}
.n_news_item:before{
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #00458f;
    transition: all 1s;
}
.n_news_item:hover:before{
    width: 100%;
}
.n_news_item:hover{background: #ebebeb;}

/*翻页*/
#page{margin:0 auto; overflow:hidden; text-align:center; font-size:15px; clear:both;}
#page ul li{float: left; background: #fff; border:1px solid #ddd; padding:0 16px; line-height:37px; border-radius:4px; margin-right: 15px; box-sizing: border-box; transition: all .5s;}
#page ul li a{width: 100%; line-height:37px; display:block; color:#555; }
#page ul li a:hover{color: #fff;}
#page ul li:hover{background: #00307c; color: #fff;  transition: all .5s;}
#page ul li:hover a{color: #fff;}
#page ul li.thisclass{background: #00307c; color: #fff;}
#page ul li.thisclass a{color: #fff;}

/*上一页*/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:10px; position:relative; min-height:50px; font-size:16px; line-height:38px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#00307c;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}
.mbx{line-height: 3; color: #666;}
.mbx .icon-home{font-size:20px; color: #00307c; margin-right: 10px;}
.news_con_time span:first-child{margin-right: 30px;}
.news_con_tit{text-align: center; font-size: 18px; color: #333;}
.news_con_time{border-bottom: 1px dotted #ccc; font-size: 16px; color: #888; line-height: 3; text-align: center;}

/*产品*/
.n_pr_txt{background: #fff; padding: 20px; height: 100px;}
.n_pr_tit{color: #00307c; font-size: 18px; font-weight: bold; line-height: 2;}
.n_pr_de{color: #333; font-size: 14px;}
.n_pr_list a:hover .n_pr_tit{color: #FFB800;}
.n_pr_list{ transition: all 0.5s;}
.n_pr_list:hover{box-shadow: 5px 5px 5px #666; transition: all 0.5s;}

/*产品幻灯*/
.pr_hdp .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.pr_hdp .swiper-slide {
    background-size: cover;
    background-position: center;
}
.pr_hdp .gallery-top {
    height: 80%;
    width: 100%;
}
.pr_hdp .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.pr_hdp .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.pr_hdp .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.pr_hdp .swiper-slide img{width: 100%;}
.layui-tab-title li{width: 30%; line-height: 50px; font-size: 20px;}
.layui-tab-title{height: 50px;}
.pr_article_tit{font-size: 24px; color: #333; line-height: 3; border-bottom: 1px solid #ccc; font-weight: bold;}
/*.pr_article_tit span{display: inline-block; width: 30px; height: 30px; background: #f1f1f1; text-align: center; line-height: 30px;}*/
/*.pr_article_tit span .icon-cog{font-size: 16px; color: #00307c;}*/
.pr_article_de{color: #666; line-height: 2; margin-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.layui-tab-title .layui-this:after{border:none;}
.layui-tab-title .layui-this{color: #fff;background: #00307c;}
.zp_h{height: 504px;}
.job_tit h1{color: #00307c; font-weight: bold; line-height: 2;}
.job_tit p{color: #666666; margin-bottom: 30px;}

.job_list span{float: right;}
.job_list{line-height: 3;}
.job_list a{color: #00307c; font-size: 24px; font-weight: bold;}
.job_list a:hover{color: #ffb800;}
.job_de{line-height: 2; color: #666666}
.n_job_item{padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-top: 20px; position: relative; transition: all 1s;}
.n_job_item:before{
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #00458f;
    transition: all 1s;
}
.n_job_item:hover:before{
    width: 100%;
}
.shz_bg{background-image: url("../images/fzlc_bg.jpg"); background-size: 100%;background-attachment: fixed; height: 100%;}
.fzlc h1{font-size: 48px; line-height: 4; color: #fff; font-weight: bold;}




.gallery img {
    height: 100%;
}

.gallery a {
    width: 30%;
    display: inline-block;
    overflow: hidden;
    margin: 20px 10px;

}
.gallery a img{width: 100%; height: 240px;}
.ribbon > img {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

@media (max-width: 768px) {
    .sm-hidden {
        display: none;
    }
}

.sztr_con{color: #fff;}
.sztr_con .title{ font-size: 36px; color: #fff; font-weight: bold;}
.sztr_con .title .counter{font-size: 100px; font-weight: bold;padding-right: 15px; color: #ffb800;}
.sztr_con .title .sztr_dw{font-size: 100px; font-weight: bold;padding-right: 15px; color: #ffb800;}
.sztr_de{font-size: 18px; line-height: 2.5;}
.sztr_tit h1{font-size: 80px; color: #fff; text-align: center; margin-bottom: 50px; font-weight: bold;}
.n_sztr_bg{background: rgba(255,255,255,0.3); border: 1px solid #fff; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.sztr_ico{font-size: 180px; color: #00458f}
.n_sztr li{margin-bottom: 50px;}


/*在线客服悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#e01f1f url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#e01f1f url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#e01f1f url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#e01f1f url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.n_ejlm_tit{background: #00307c; width: 100%;  box-shadow: 0 0 5px #666;}
.n_ejlm_con{background: #fff; box-shadow: 0 0 5px #666;}
.n_ejlm_item{padding: 20px 0; }
.n_ejlm_item li{ padding: 5px 15px;}
.n_ejlm_item li a{display: block; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 15px; font-size: 14px; box-sizing: border-box;}
.n_ejlm_item li a:hover{background: #00307c; color: #fff;}
.n_ejlm_item li.n_ejlm_on a{background: #00307c; color: #fff;}
.n_pr_img img{ height: 218px;}









/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:10px; overflow:hidden; clear:both; padding-top:50px; padding-bottom:30px;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#00307c;
	border:1px solid #00307c;
}
.pagination a.page-num-current {
	color:#fff;
	background:#00307c;
	border:1px solid #00307c;
}
/* ----- PB分页数字条效果 结束 ----- */